/* --- GENERAL CSS
________________________________________*/

html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
		margin:0;
		padding:0; 
		outline:none;
		}		
body 														{ color:#7c7c7c; font:normal 12px/1.5em "Arial",  sans-serif;} 
* html body 												{ margin:0; padding:0;  }

p															{ margin: 0 0 20px 0;	}

.alignleft													{ float:left; margin:0 15px 15px 0;}
.alignright													{ float:right; margin:0 0 15px 15px;}
.aligncenter												{ text-align:center;  }


.textleft 													{ text-align:left;}
.textright  												{ text-align:right;}
.floatright 												{ float:right;}
.floatleft  												{ float:left;}
.clear														{ clear:both;}

a															{ text-decoration:none; outline:none; color:#c91f5a;}
a:hover														{ text-decoration:none; color:#c91f5a;}
a img 														{ border:none; }

.img_border													{ background:#f8f8f8; padding:3px; border:1px solid #c6c6c6;       }

small 														{ font-size:9px; line-height:normal; }

blockquote 													{ padding: 0 5px 0 40px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:14px; background:url(../images/quote.gif) 0 0 no-repeat; margin:0;}
blockquote 	p												{ margin-bottom:8px; }
blockquote cite 											{ font-size:11px; line-height:normal;font-style:italic; }

/********** LIST ELEMENTS ***********/

ul, ol														{ margin: 0 0 20px 5px; padding:0 0 0 0;}
ol															{ padding-left: 1.5em;}

ul ul, ol ol,
ul ol, ol ul 												{ margin-top: 8px;}
ul li, ol li 												{ padding: 3px 5px;}

ul li 														{ padding-left: 15px; list-style-type:none;  }
ol li 														{ list-style-type:decimal; list-style-position: outside; }


/* ______________________________________________________________________________________________

							SEPERATORS	
________________________________________________________________________________________________*/

hr															{ border:0px solid transparent !important; background-color:transparent !important; height:1px; }
.divider_space												{ clear:both; margin-bottom:20px; padding-top:20px; width:100%;}
.divider_line 												{ border-bottom: 1px solid #EEEEEE; clear: both; display: block; margin-bottom: 10px; position: relative; }
.divider													{ clear:both; border-bottom:1px solid #e1e1e3; padding:20px 0 0 0; margin:0 0 30px 0; width:100%;}
.top														{ font-size:9px; line-height:10px; margin-bottom:40px; text-align:right; position:relative; text-transform:uppercase; }
.top a														{ height:20px; position:absolute; right:0; top:10px; width:25px; color:#727272; }

/* ______________________________________________________________________________________________

							LAYOUT	
________________________________________________________________________________________________*/

body#boxed 													{ background:url(../images/bg.jpg) repeat scroll center top; }
body#stretched												{ background:url(../images/body_bg.jpg) repeat-y scroll center 0; }

#boxed #wrap_all											{ width:980px; margin:30px auto 15px auto; background:url(../images/body_bg.jpg) repeat-y scroll center 0; -moz-border-radius:5px;  }
#stretched	#wrap_all										{ width:100%; margin:0 auto; padding:0;}
#wrapper 													{ width:980px; margin:0 auto; }

#boxed #wrapper 											{  }

#sidebar													{ float:left; width:240px; min-height:800px; height:100%; padding-bottom:40px; text-align: right;   position:relative; z-index:3; }
#primary_content											{ float:left; width:740px; text-align: left; overflow: hidden;  z-index:1;  }
.content 													{ margin:0px;}
.contentwrap 												{ padding:0px 30px 50px 30px; overflow:hidden; height:100%; }
.frontpage_inner											{ position:relative; padding:30px 0; overflow:hidden;}
	
.nopad														{ padding-right:0 !important;}

#mainfull													{ position:relative; width:740px; overflow:hidden; padding:20px 0; }

.fancyheading span, 
table.fancy_table th,
#header														{ background-color:#bfbfbf;}

.fullwidth													{ width:860px; margin:0 auto;  }
.half_width, .one_half 										{ width:48%;}

.one_third 													{ width:30.66%;}
.two_third 													{ width:65.33%;}
.one_fourth													{ width:22%;}
.three_fourth												{ width:74%;}
.one_fifth													{ width:16.7%;}
.four_fifth													{ width:79%; }
.two_fifth													{ width:37.2%; }
.three_fifth												{ width:58%; }
.one_sixth 													{ width:13.3%;}

.one_fifth,			
.half_width, .one_half, 
.one_third, 
.two_third,
.one_fourth, 
.three_fourth												{ float:left; position:relative; display:inline; margin-right:4%; }

.last 														{ margin-right:0 !important;}
.thumbnail { position:relative; display:block }

/* ______________________________________________________________________________________________

							LOGO	
________________________________________________________________________________________________*/


.logo														{ display:block; margin-top:25px; margin-right:20px; font-size:28px;	}
.logo img													{ border:0;}	

/* ______________________________________________________________________________________________

							MAIN MENU	
________________________________________________________________________________________________*/				


menu 														{ margin:40px 10px 10px 10px; padding:0; position:relative; display:block; overflow:hidden 	}

/* ______________________________________________________________________________________________

							SLIDER BG	
________________________________________________________________________________________________*/


.featured_slider											{ width: 680px; position:relative; margin:30px auto 20px auto; }
.slider														{ margin:0px auto; width:680px; height:300px; }

/*
hides the images and text from within the slider;

this style will be applied only before the 
slider is instantiated or if the user doesn't have
javascript enabled;

feel free to replace this style with your own
*/
.slider img, .slider .caption								{ position:absolute; left:-9999px; }

/*this is for example_api.html*/
#custom_controls											{ width:200px; margin:0px auto; }
/* ______________________________________________________________________________________________

							IMAGE FRAME BORDERS	
________________________________________________________________________________________________*/

.wp-caption 												{ text-align:center; }
p.wp-caption-text 											{ text-align:center; margin:5px 0; letter-spacing:1px; }
img.framed, .wp-caption 									{ padding:6px; margin:0px; border:1px solid #ddd !important; background-color:#fff;	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%); background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));}
img.framed, .wp-caption img									{ border:none;}

.thinframe													{ padding:3px; margin:0; border:1px solid #ddd; background-color:#fff; display:block }

.imageframe 												{ position:relative; }

.imageframe.aligncenter .image_frame 						{ margin: 0 auto; }
.imageframe.alignleft .image_frame 							{ float:left; margin:5px 15px 15px 0; }
.imageframe.alignright .image_frame 						{ float:right; margin: 5px 0 15px 15px; }

.wp-caption.alignleft										{ float:left; margin:0 15px 15px 0;}
.wp-caption.alignright										{ float:right; margin:0 0 15px 15px;}
.wp-caption.aligncenter										{ text-align:center; margin:0 auto 15px auto;  }


/* PRE GENERATED CODE CSS ------------------------------------------------------*/

code, pre													{ background: #f3f3f3; border: 1px solid #dddddd; color: #444; display:block; overflow:auto;  }
code, pre													{ font: normal 12px/21px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:0px 0 15px 0; }
pre 														{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}


/* ______________________________________________________________________________________________

							DROP CAPS	
________________________________________________________________________________________________*/

.dropcap1, 
.dropcap2, 
.dropcap3, 
.dropcap4 													{ float: left; text-align: center; overflow:hidden; }
	
.dropcap1 													{ background:url(../images/dropcap.png) no-repeat scroll -64px 2px transparent; color:#fff; line-height: 45px; height: 45px; width: 45px; margin:0 8px 0 0; font-size: 30px; }
.dropcap2 													{ background:url(../images/dropcap.png) no-repeat scroll -5px -55px transparent; color:#fff; line-height: 49px; height: 49px; width: 49px; margin:0 8px 0 0; font-size: 30px; }
.dropcap3 													{ color:#000; line-height: 40px; width: 36px; margin:0; font-size: 32px; font-weight:bold; }
.dropcap4 													{ color:#000; line-height: 40px; width: 36px; margin:0;	font-size: 32px; }

h4.fancytitle2												{ margin-bottom:5px; vertical-align:bottom; border-bottom:1px solid #ddd; overflow:hidden; padding-bottom:10px;  }
.fancyheading												{ margin-bottom:18px; padding-top:2px; padding-bottom:0; }
.fancyheading span 											{ text-transform: uppercase; padding: 4px 15px; color :#fff; font-size:12px; font-weight: normal; letter-spacing: 2px; line-height: 22px; }


/* ______________________________________________________________________________________________

							TOGGLE CONTENT	
________________________________________________________________________________________________*/


.toggle 													{ width:100%; background:url(../images/plus.png) 0 0 scroll no-repeat;  margin-top:20px; padding:0 0 0 30px; display:block; text-transform: normal; font-size: 18px; position:relative; line-height:25px; }
h4.toggle a 												{ color: #888; padding-top:2px; text-decoration: none; display: block; font-size:22px; text-transform: normal; }
h4.toggle a:hover 											{ color:#666;}
h4.active 													{ background:url(../images/minus.png) 0 0 scroll no-repeat;  display:block;}
h4.active a:link 											{ color:#666;}
.toggle_content 												{ clear:both;  margin:0px;  }
div.toggleinside											{ padding:15px;}
h4.toggle													{ margin-bottom:0}

/* ______________________________________________________________________________________________

							FANCY TABLE	
________________________________________________________________________________________________*/


table.fancy_table tbody tr:hover td 						{}
table.fancy_table 											{ border: 1px solid #ddd; }
table.fancy_table th 										{ background-color:#e2e2e2; padding:8px; color:#fff; text-transform:uppercase; text-align:center; }
table.fancy_table td 										{ border: 1px solid #ddd; background:#fff; padding:8px; text-align:center; }
table.fancy_table tbody tr:hover td							{ background:#F5F5F5; }           
table.fancy_table 											{ border-collapse: collapse; border-spacing: 0; width:99%; margin:0 auto; margin-bottom:15px; }

/* ______________________________________________________________________________________________

							HEADINGS 	
________________________________________________________________________________________________*/

h1															{ font-size:28px; margin:0 0 20px 0; }
h2															{ font-size:24px; margin:0 0 15px 0; }
h3 															{ font-size:20px; margin:0 0 15px 0; }
h4															{ font-size:17px; margin:0 0 15px 0; }
h5 															{ font-size:14px; margin:0 0 10px 0; }
h6															{ font-size:11px; margin:0 0 10px 0; }
h1, h2, h3, h4, h5, h6										{ font-family: "Arial", sans-serif; font-weight: normal; padding: 0; color:#000000; }



/* ______________________________________________________________________________________________

							FEATURE_POST_BOX	
________________________________________________________________________________________________*/


#feature-project-box										{ position: relative; margin-top: 20px; margin-bottom: 20px; z-index:0;}
.featured_content											{ margin-top:30px; margin-bottom:10px; padding:20px; }
.ribbon_large 												{ position:absolute; top:-6px; right:-6px; width:140px; height:140px; }
.featured_content .thumbnail								{ margin:0px 20px 20px 20px; float:left; }
.featured_content h3										{ padding-bottom: 10px; margin:0 70px 10px 20px;     }
.featured_content h3 a										{ text-decoration: none;  }
.featured_content p 										{ margin-right:30px; font-size: 12px; line-height: 1.5em; color:#7c7c7c;  }

.gradient_box	 											{ background:transparent url(../images/gradient_bg.png) right 0 scroll no-repeat; display:inline-block; margin:0 5px 0 0px; padding:0 20px 0 0; }
.gradient_box .gradient_box_bg 								{ background:transparent url(../images/gradient_bg.png) 0 0 scroll no-repeat; display:block; padding:10px 0 11px 16px;}

/* ______________________________________________________________________________________________

							SUB HEADER	
________________________________________________________________________________________________*/


.subheader_bg												{ background:#33FF33;}
.subheader 													{ width:740px; margin:10px auto; margin-bottom:30px;  position:relative; overflow:hidden;  border-bottom:1px solid #d3d3d3;   }
.subheader .subtitle 										{ display:block; float:left; margin:20px 20px 0 30px;  }
.subheader .subtitle span									{ font-size:30px; color:#000; display:block;   }
.subheader .subdesc											{ color:#444; font-size:20px; font-style:italic; overflow:hidden; padding:20px 20px 20px 20px; border-left:1px solid #d3d3d3; }
/* ______________________________________________________________________________________________

							RIGHT_SIDEBAR	
________________________________________________________________________________________________*/


#rightsidebar												{ float:left; color: #fff;  width:230px; height:100%; text-align: left; margin:0 0 40px 0;  }

/* ______________________________________________________________________________________________

							SIDEBAR WIDGETS LISTS	
________________________________________________________________________________________________*/

#sidebar .syswidget 										{ padding:0px 5px 30px 5px; margin:0 auto; width:200px;  }

.syswidget 													{ width:220px; padding:0px 5px 30px 5px; color:#666666; text-align: left;   }
.syswidget ul 												{ padding:0px; margin:0 0 0 0; }

.syswidget ul li											{ margin:0; padding:7px 12px; background:#edeff0; border:1px solid #f5f6f6; border-top:1px solid #fff; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; }
.syswidget ul li ul li										{ margin:0; padding:0px 15px; border:none; font-size:11px; }
.syswidget ul li ul 										{ padding:5px 0; margin:0; border-left:0px solid #c6c6c6; }

.syswidget ul li a											{ color:#333333; 	}	
.syswidget ul li li a										{ color:#666666; }						
.syswidget ul li a:link, 
.syswidget ul li a:visited 									{ display:block; }
.syswidget ul li.current_page_item a,
.syswidget ul li a:hover									{ text-decoration:none;  color:#c91f5a;}

.img-num-box 												{ float:right; margin-right:20px; }


#sidebar h3, .syswidget h3 	 								{ color:#fff; padding:10px; text-align:center; text-transform:uppercase; font-size:14px; font-weight:bold; margin-bottom:0; border-bottom:1px solid #ddd; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; 
-webkit-border-top-left-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; }


/* ______________________________________________________________________________________________

							RECENT TWEETS 	
________________________________________________________________________________________________*/

ul.recent_tweets  											{ margin:0; padding:0; }
ul.recent_tweets li											{ margin:0; padding:12px; background:#edeff0; border:1px solid #f5f6f6; border-top:1px solid #fff; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;  }
ul.recent_tweets li	a, 
ul.recent_tweets li a:link,
ul.recent_tweets li a:visited								{ border:none; padding:0; margin:0; display:inline; color:#666; }
.recent_tweets p.tweet 										{ background:url(../images/icon_bird_small.png) 0 2px no-repeat; padding:0; padding-left:25px; text-align:left;  }
.recent_tweets p.tweet 										{ font-size:11px;  margin:0;  }

/* ______________________________________________________________________________________________

							WIDGETS POST LIST	
________________________________________________________________________________________________*/

.widget_postslist 											{ margin:0 0 40px 0; padding:0; }
.widget_postslist p											{ margin-bottom:0;}
.widget_postslist ul										{ margin:0; padding:0; }
.widget_postslist li										{ padding:5px; clear:both; overflow:hidden; height:100%; background:none; list-style:none;border-bottom: 1px solid #F0F0F0; }
.widget_postslist li .thumb									{ float:left; padding-bottom:2px; margin:0 10px 0 0; }
.widget_postslist li span.wpldate							{ font-size:10px; text-transform:uppercase; letter-spacing:1px; display:block;  }

/* ______________________________________________________________________________________________

							FRAMED BOX	
________________________________________________________________________________________________*/

.framedbox .boxcontent								 		{ padding: 20px; border: 1px solid #FFFFFF; overflow: hidden; height: 100%; }
.framedbox 													{ padding:0px; margin:0px 0px 20px 0px; position:relative;  border:1px solid #ccc; background-color:#f5f5f5; }
.framedboxtitle 											{ font-size:14px; text-transform: uppercase; text-align:center; padding: 15px 0 5px 0; letter-spacing:1px; margin-bottom:0px; color:#777; }
.framedbox .bigtitle 										{ font-size:40px; text-align:center; padding-bottom:15px;  }
.framedbox .bigtitle span 									{ font-size:14px; vertical-align:baseline; }

/* ______________________________________________________________________________________________

								FANCY BUTTONS
________________________________________________________________________________________________*/

.button, 
.button span 												{ display: inline-block; }
.button 													{
	position:relative;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	overflow: visible; 
	outline: none;
	line-height:1em;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .2) 100%
	);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
}

button::-moz-focus-inner 									{ border: none; /* overrides extra padding on sides FF3.5 */ }
button.button  												{ padding:0px; margin:0; }
.button.full, 
.button.full span 											{ display: block; }
.button:hover, 
.button.hover 												{ text-decoration:none;
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(255, 255, 255, .2) 0%,
				rgba(255, 255, 255, .1) 100%
			);

			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(255, 255, 255, .2))
			);
			
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
			}

.button:active, 
.button.active 									{
			top:1px;
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(0, 0, 0, .1) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(0, 0, 0, .1))
			);

			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
		}


.button span 												{
	border-top:1px solid rgba(255, 255, 255, 0.25);
	position: relative;
	color:#fff;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
}

@media screen and (-webkit-min-device-pixel-ratio:0) 		{
	/* Safari, Google Chrome margin fix */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span 											{ font-size:10px; font-family:Tahoma, Arial, Verdana, sans-serif; }
.button.medium span											{ font-size:14px; }
.button.large span 											{ font-size:18px; }
/* ______________________________________________________________________________________________

								FANCY BUTTONS COLOR SCHEME
________________________________________________________________________________________________*/

.button.gray 												{ background-color: #666666; }
.button.orange 												{ background-color: #ff5c00; }
.button.red 												{ background-color: #e62727; }
.button.magenta 											{ background-color: #A9014B; }
.button.yellow 												{ background-color: #ffb515; }
.button.blue												{ background-color: #00ADEE; }
.button.pink 												{ background-color: #e22092; }
.button.green 												{ background-color: #91bd09; }
.button.black 												{ background-color: #333333; }
.button.white 												{ background-color: #FFFFFF; }
.button.white span											{ color: #666666; }

/* ______________________________________________________________________________________________

						MOZILLA BORDER RADIUS AND SHADOW	
________________________________________________________________________________________________*/

img.framed, .wp-caption, .gallery-item img, table.fancy_table, .video-stage, div.framed, .cs-title, ul.tabs a,
.sysform input.txt, .sysform textarea, .sysform select, .toggle_content, .fancytoggle, .pagination a, 
.pagination a:link, paginationa:visited, .pagination a:active, .pagination span.current, 
.pagination span.pages,.pagination span.extend, .button, .fancybox, .minimalbox, .authorbox
	{
	-moz-border-radius:3px;
	border-radius:3px;
 	-webkit-border-radius:3px;
	border-radius:3px;

 }

/* ______________________________________________________________________________________________

						CSS3 BOX SHADOW	
________________________________________________________________________________________________*/


img.framed, .wp-caption, .gallery-item img, table.fancy_table, .video-stage, div.framed, .cs-title,
.fancytoggle, .pagination a, .pagination a:link, .pagination a:visited, .pagination a:active, .pagination span.current, .pagination span.pages,
.pagination span.extend, .button, .fancybox, .minimalbox, .authorbox, .fancybox, .minimalbox {
	-moz-box-shadow:0px 1px 1px #ddd;
	box-shadow:0px 1px 1px #ddd;
	-webkit-box-shadow:0px 1px 1px #ddd;
	box-shadow:0px 1px 1px #ddd;
}

/* ______________________________________________________________________________________________

							PORTFOLIO	
________________________________________________________________________________________________*/

.portfolio_item 											{ width:100%; margin:0px 0 30px 0px; padding-top:5px;}
.portfolio_item .portimg 									{ display:block; position:relative; }
.portfolio_item h3,
.portfolio_item h5,
.portfolio_item p											{ margin:5px 0 10px 0; }


.portfolio_item img.image									{ border:1px solid #ddd; padding:2px;}

.portfolio_item .content									{ padding:5px 0; }

.portfolio_item h3 a,
.portfolio_item h4 a 										{ font-size: inherit; color:#000; }
.portfolio_item .one_fourth h3 a					 		{ font-size: 14px; }
.portfolio_item .one_third h3 a 							{ font-size: 17px; }
.portfolio_item .one_half h3 a 								{ font-size: 22px; }
.portfolio_item br 											{ height:0 !important;}

.portfolio_item h3,
.portfolio_item h5											{ text-transform:none; font-size:18px; }

.portfolio_item .port_content .button					 	{ }
.portfolio_item .port_content h3							{ font-size:22px;}

.portfolio_item .one_fifth	h5								{ font-size:16px; letter-spacing:0; }
.portfolio_item a:hover										{ color:#c91f5a;}
/* ______________________________________________________________________________________________

							GALLERY	
________________________________________________________________________________________________*/



ul.sys_mini_gallery li 										{ background:none; display: inline; float: left; margin:0 20px 15px 0; padding:0 0 0 0; }


/* ______________________________________________________________________________________________

							PAGINATION	
________________________________________________________________________________________________*/

.pagination													{ width:100%; padding:30px 0; border-top:1px solid #eee;}
.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend										{ font-size:11px; padding: 8px;  margin: 1px; color:#444; border: 1px solid #eee; background: #FFFFFF; }
.pagination span.pages 										{ border:0; text-transform:uppercase }
.pagination a:hover 										{ border: 1px solid #ccc; background: #fff; }
.pagination span.current				 					{ padding: 8px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #ccc;}

/* ______________________________________________________________________________________________

							BLOG POST	1 Column Page
________________________________________________________________________________________________*/

.post 														{ margin:0 0 40px 0; overflow:hidden; height:100%; padding-bottom:10px;  }
.post h2 a  												{ color:#666; }
.post h2 a:hover											{ color:#c91f5a; text-decoration:none;}
.post-entry													{ float:left; width:325px; margin-left:25px;  }
.post-info 													{ float:left; width:100px; padding:0px; margin-right:20px;   }
.post-info span 											{ display:block; border-bottom:1px solid #ddd; padding:3px 0; }
.post-info a 												{ font-size:11px; text-transform:none; }
.post-info a:hover											{ text-decoration:none; }
.post-info .date 											{ color:#565656; margin-bottom:20px; text-align:right; padding-right:10px;	  }

.postimg 													{ float:left; }
.postimg img												{ margin:0 0 0 0; }

/* ______________________________________________________________________________________________

							 BLOG POST 3 Column Page	
________________________________________________________________________________________________*/


.content_2col													{ float:left; width:440px; margin: 0; padding-right:20px;}
.post2 														{ margin:0 0 40px 0  ; overflow:hidden; height:100%; border-bottom:1px solid #ddd; padding-bottom:10px;  }
.post2 h2 a  												{ color:#666;}
.post2 h2  a:hover											{ color:#c91f5a; text-decoration:none; }
.post-entry2												{  }
.post-info2 												{ border-bottom: 1px dashed #ddd; margin:0 0 10px 0; font-size:11px; padding-bottom:5px; }
.post-info2 a 												{ font-size:11px;  }
.post-info2 a:hover											{ text-decoration:underline; }
.post-info2 .date 											{ text-transform:uppercase; }

.post-info2 a.comments  									{ float:right;}

.postimg2 	 												{ margin-bottom:10px;  }


/* ______________________________________________________________________________________________

							CONTACT FORM	
________________________________________________________________________________________________*/


#contactform 												{ padding:5px 0;   }
#contactform label											{ width:70%; margin-bottom:10px; display: inline-block; vertical-align:text-bottom; color:#2c2c2c;  }
#contactform select 										{ margin-bottom: 15px; }
#contactform textarea 										{ vertical-align: top; height: 150px;	}	
#contactform .indent 										{ padding-left:30%;  }
#contactform p 												{ margin-bottom:0;}
#contactform input,
#contactform select											{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; margin-bottom: 30px !important; width:88%; padding: 4px; vertical-align;top; }
#contactform textarea 										{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; margin-bottom: 9px !important; width: 95%; padding: 8px; vertical-align;top; }
			
#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus 								{ }

/* Contact button */
#contactform .submitbutton									{ border:0;  width:99px; height:29px; vertical-align:middle; 	}
#contactform .submitbutton:focus						 	{ background:none;	}
span														{ text-align:left; }
/* ______________________________________________________________________________________________

							TOGGLE ARROW	
________________________________________________________________________________________________*/


.arrow														{ background: url(../images/toggle_down.png) no-repeat; height: 36px; width: 40px; position:fixed; bottom:0px; right:20px; z-index:2000;}
.arrow.active												{ background: url(../images/toggle_up.png) no-repeat; }
/* ______________________________________________________________________________________________

							 FOOTER	
________________________________________________________________________________________________*/

#footer														{ font-size: 11px; position:fixed; bottom:0; width:100%; height:30px; margin:0 auto; padding:0px; z-index:1000; background:#262626; border-top:1px solid #636363; color:#999; }
#footer span 												{ float:left; margin:5px 20px 0 30px; }
#footer .content											{ padding-left:0px;}

/* social icons ------*/

#footer ul.social											{ padding:0; margin:0px;	display:inline; float:left; }
#footer ul.social li										{ float:left; display:inline; margin: 3px 4px 0 4px; padding:4px 0 0 0;}
#footer ul.social li .t										{ display: block; width: 16px; height: 16px; }			
#footer ul.social li .twitter								{ display: block; background: url(../images/twitter.png) no-repeat; width: 16px; height: 16px;}				
#footer ul.social li .facebook								{ display: block; background: url(../images/facebook.png) no-repeat; width: 16px; height: 16px;}			
#footer ul.social li .digg									{ display: block; background: url(../images/digg_alt.png) no-repeat; width: 16px; height: 16px;}
#footer ul.social li .delicious								{ display: block; background: url(../images/delicious.png) no-repeat; width: 16px; height: 16px;}
#footer ul.social li .flickr								{ display: block; background: url(../images/flickr.png) no-repeat; width: 16px; height: 16px;}									
#footer ul.social li .rss									{ display: block; background: url(../images/rss.png) no-repeat; width: 16px; height: 16px;}
#footer ul.social li a										{ border:0; }
#footer a													{ color:#9f9f9f; }
#footer a:hover												{ color:#fff; }

ul.list-arrow1 li, ul.list-arrow2 li, ul.list-info li, ul.list-badge li, ul.list-star li, ul.list-flag li, ul.list-check li, ul.list-disc li, ul.list-bullet li
															{ background-image:url("../images/bullets/list_black.png");
									padding-left:25px;
									background-attachment:scroll;
									background-color:transparent;
									background-repeat:no-repeat; }

ul.list-info li 											{ background-position: -145px 5px;  }
ul.list-arrow1 li 											{ background-position: -91px -82px; }
ul.list-arrow2 li 											{ background-position: -36px -165px; }
ul.list-star li 											{ background-position: -58px -135px; }
ul.list-badge li 											{ background-position: -109px -50px; }
ul.list-flag li 											{ background-position: -127px -20px; }
ul.list-check li 											{ background-position: -73px -108px; }
ul.list-bullet li 											{ background-position: -20px -193px; }
ul.list-disc li 											{ background-position: -4px -212px; }

ul.red li	 												{ background-image:url("../images/bullets/list_red.png"); }
ul.green li		 											{ background-image:url("../images/bullets/list_green.png"); }
ul.blue li	 												{ background-image:url("../images/bullets/list_blue.png"); }
ul.yellow li									 			{ background-image:url("../images/bullets/list_yellow.png"); }
ul.magenta li	 											{ background-image:url("../images/bullets/list_magenta.png"); }
ul.cyan li	 												{ background-image:url("../images/bullets/list_cyan.png"); }
ul.orange li 												{ background-image:url("../images/bullets/list_orange.png"); }
ul.black li		 											{ background-image:url("../images/bullets/list_black.png"); }
ul.pink li									 				{ background-image:url("../images/bullets/list_pink.png"); }
ul.navy li	 												{ background-image:url("../images/bullets/list_navy.png"); }

/* ______________________________________________________________________________________________

							CSS3 BOX SHADOW	
________________________________________________________________________________________________*/


img.framed 													{ -moz-box-shadow:0px 1px 1px #aaa; box-shadow:0px 1px 1px #aaa; -webkit-box-shadow:0px 1px 1px #aaa; box-shadow:0px 1px 1px #aaa; margin:0px 20px 0 0px; }
.thinframe, .nav li a span, .fancyheading span 				{ -moz-border-radius:3px; border-radius:3px; }
.thinframe, .nav li a span, .fancyheading span 				{ -webkit-border-radius:3px; border-radius:3px; }
.copyright 													{ -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

.p_bottom_bar, .fancytitle, .fancy_table th 				{
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;

}

.syswidget h3 {
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}